<template>
	<div class="app">
		<ul>
			<li v-for="menu in menus">
				<!-- exact 标签唯一高亮 -->
				<router-link exact :to="menu.path">{{menu.name}}</router-link>	
			</li>
		</ul>
	</div>
</template>
<script>
	 export default{
	 	data(){
	 		return{
	 			menus:[
					{
						path:'/',
						name:'首页'
					},
					{
						path:'/chinese',
						name:'语文',
						//默认展示的页面
						redirect: '',
						children:[
							{

							}
						]
					}
					,
					{
						path:'/math',
						name:'数学'
					},
					{
						path:'/english',
						name:'英语'
					}
					]
	 		}
	 	},
	 	methods:{

	 	},
	 	component:{

	 	},
	 	created(){
	 		
	 	}
	 }
</script>
<style scoped>
	ul {
			list-style: none;
			text-align: center;
		}

		ul li {
			display: inline-block;
			margin: 0 20px;
		}
</style>